<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

        <p:growl autoUpdate="true"/>
        <h:outputLabel style="font-size: x-small" value="(*) Campo obligatorio"/>
        <br/>
        <br/>
        <h:panelGrid columns="4" id="idfacturapanel">
            <p:outputLabel value="Fecha" for="facturafecha"/>
            <p:outputPanel>
                <p:calendar size="35" value="#{facturaController.factura.fecha}" mode="popup" navigator="true" showButtonPanel="true" showOn="button" id="facturafecha" required="true" requiredMessage='El campo "Fecha" es requerido'/>
                <p:watermark for="facturafecha" value="dd/mm/aa" />
            </p:outputPanel>
            <p:outputLabel value="Concepto" for="facturaconcepto"/>
            <p:inputTextarea value="#{facturaController.factura.concepto}" maxlength="500" autoResize="false" style="width: 250px" required="true"   id="facturaconcepto" requiredMessage='El campo "Concepto" es requerido' />
            <h:outputLabel value="Vehiculo" />
            <p:selectOneMenu id="idvehiculo" value="#{facturaController.factura.vehiculo}" style="width: 249px"
                             required="true" requiredMessage='El campo "Vehiculo" es requerido'>
                <f:converter binding="#{vehiculoConverter}"/>
                <f:selectItems value="#{facturaController.listaVehiculo}" var="vehiculo" itemLabel="#{vehiculo.matricula}" itemValue="#{vehiculo}"/>
            </p:selectOneMenu>
            <p:outputLabel  value="Kilomentro" for="facturakilometro"/>
            <p:inputMask maxlength="5" mask="9?999999999999999" placeHolder="" size="37" value="#{facturaController.factura.km}" id="facturakilometro" required="true" requiredMessage='El campo "Km" es requerido'/>
            <p:outputLabel value="Grupo" for="facturagrupo" />
            <p:selectOneMenu id="facturagrupo" style="width: 249px" value="#{facturaController.factura.seccion}"
                             required="true" requiredMessage='El campo "Grupo" es requerido'>
                <f:converter binding="#{seccionConverter}"/>
                <f:selectItems value="#{facturaController.listaSeccion}" var="seccione" itemLabel="#{seccione.nombre}" itemValue="#{seccione}"/>
            </p:selectOneMenu>
            <p:outputLabel value="Proveedor" for="facturaproveedor" />
            <p:selectOneMenu id="facturaproveedor" style="width: 260px" value="#{facturaController.factura.proveedor}"
                             required="true" requiredMessage='El campo "Proveedor" es requerido'>
                <f:converter binding="#{proveedorConverter}"/>
                <f:selectItems value="#{facturaController.listaProveedor}" var="proveedor" itemLabel="#{proveedor.nombres}" itemValue="#{proveedor}"/>
            </p:selectOneMenu>
            <p:outputLabel  value="Total" for="facturatotal"/>
            <p:inputMask maxlength="5" mask="9?999999999999999"  placeHolder="" size="35" value="#{facturaController.factura.total}" id="facturatotal" required="true" requiredMessage='El campo "Total" es requerido'/>
            <p:commandButton update="idfacturapanel idtablefacturas"
                             process="@this facturatotal facturaproveedor idvehiculo facturagrupo facturakilometro facturaconcepto facturafecha"
                             value="Guardar"
                             actionListener="#{facturaController.save()}"
                             oncomplete="printFactura(args);"/>
            <p:commandButton value="Cancelar" process="@this" actionListener="#{facturaController.init()}" update="idfacturapanel"/>
        </h:panelGrid>

</ui:composition>